免费在线 HEX 转换为 HSL 颜色代码转换器

您所在的位置：网站首页 › hex 颜色 › 免费在线 HEX 转换为 HSL 颜色代码转换器

免费在线 HEX 转换为 HSL 颜色代码转换器

2024-07-15 03:45| 来源: 网络整理| 查看: 265

HEX转HSL转换器：轻松快速地将HEX转换为HSL颜色代码

如果你想要将HEX颜色代码转换为HSL颜色代码，那么你来对地方了。HEX转HSL转换器是一个在线免费的工具，可以轻松快速地将任何HEX颜色代码转换为HSL颜色代码，而无需依赖于任何系统或软件。使用这个转换器，你只需点击几下就可以轻松地将HEX颜色代码转换为HSL颜色代码。

工具的特点免费在线工具无需系统和软件依赖可以清除可以复制有示例数据安全，本地计算如何使用HEX转HSL转换器？

使用我们的HEX转HSL转换器将HEX颜色代码转换为HSL颜色代码非常简单。以下是使用该工具的步骤：

在输入框中输入或粘贴HEX颜色代码。例如，#ffd500。点击"转换"按钮。转换后的HSL颜色代码将显示在输出框中。例如，hsl(50,100,50)。你还可以使用相应的按钮清除输入框或将转换后的HSL颜色代码复制到剪贴板。核心算法

HEX转HSL转换器使用了一个简单的算法将HEX颜色代码转换为HSL颜色代码。以下是该工具使用的公式：

r = parseInt(hex.substring(1, 3), 16) / 255; g = parseInt(hex.substring(3, 5), 16) / 255; b = parseInt(hex.substring(5, 7), 16) / 255; max = Math.max(r, g, b); min = Math.min(r, g, b); l = (max + min) / 2; if (max === min) { h = s = 0; // achromatic } else { const d = max - min; s = l > 0.5 ? d / (2 - max - min) : d / (max + min); switch (max) { case r: h = (g - b) / d + (g < b ? 6 : 0); break; case g: h = (b - r) / d + 2; break; case b: h = (r - g) / d + 4; break; } h /= 6; } h = Math.round(h * 360); s = Math.round(s * 100); l = Math.round(l * 100); return `hsl(${h},${s},${l})`;编程语言示例

以下是在各种编程语言中如何使用HEX转HSL转换器的示例：

Pythondef hex_to_hsl(hex_color_code): r = int(hex_color_code[1:3], 16) / 255.0 g = int(hex_color_code[3:5], 16) / 255.0 b = int(hex_color_code[5:7], 16) / 255.0 max_value = max(r, g, b) min_value = min(r, g, b) delta = max_value - min_value l = (max_value + min_value) / 2 if delta == 0: h = s = 0 else: if l CJavaScriptJavaPHP结论将十六进制颜色代码转换为HSL颜色代码可能是一项复杂的任务，但是通过我们的HEX到HSL转换器，你可以快速简便地完成。这个工具是免费的、在线的，没有依赖于任何系统或软件。使用这个工具，你可以在几个简单的点击中将任何十六进制颜色代码转换为HSL颜色代码。无论你是网页开发人员、图形设计师，还是只是需要将十六进制颜色代码转换为HSL颜色代码的人，我们的HEX到HSL转换器都是你需要的工具。

【本文地址】

免费在线 HEX 转换为 HSL 颜色代码转换器

免费在线 HEX 转换为 HSL 颜色代码转换器

今日新闻

推荐新闻